<%@ page language="java" contentType="text/html;charset=UTF-8" %>
<%@ taglib uri="/tld/extremecomponents" prefix="ec" %>

<html>

<head>
	<title>eXtremeTest</title>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/extremetable/extremecomponents.css"/>
	
	
</head>

<% java.util.List presidents = new java.util.ArrayList(); %>

<% java.util.Map president = new java.util.HashMap(); %>
<% president.put("name", "George Washington"); %>
<% president.put("nickname", "Father of His Country"); %>
<% president.put("term", "1789-01-01"); %>
<% presidents.add(president); %>

<% president = new java.util.HashMap(); %>
<% president.put("name", "John Adams"); %>
<% president.put("nickname", "Atlas of Independence"); %>
<% president.put("term", "1797-01-01"); %>
<% presidents.add(president); %>

<% president = new java.util.HashMap(); %>
<% president.put("name", "Thomas Jefferson"); %>
<% president.put("nickname", "Man of the People, Sage of Monticello"); %>
<% president.put("term", "1801-09-03"); %>
<% presidents.add(president); %>

<% president = new java.util.HashMap(); %>
<% president.put("name", "James Madison"); %>
<% president.put("nickname", "Father of the Constitution"); %>
<% president.put("term", "1809-12-02"); %>
<% presidents.add(president); %>

<% president = new java.util.HashMap(); %>
<% president.put("name", "James Monroe"); %>
<% president.put("nickname", "The Last Cocked Hat, Era-of-Good-Feelings President"); %>
<% president.put("term", "1817-02-12"); %>
<% presidents.add(president); %>

<% president = new java.util.HashMap(); %>
<% president.put("name", "John Adams"); %>
<% president.put("nickname", "Old Man Eloquent"); %>
<% president.put("term", "1825-01-21"); %>
<% presidents.add(president); %>

<% request.setAttribute("pres", presidents); %>

<body style="margin:25px;">
	
	<p style="font-family: Verdana;font-size:14px;">
		Congratulations!! You have successfully configured eXtremeTable!
	</p>
	
	<br>

	<ec:table 
		items="pres"
		action="${pageContext.request.contextPath}/testTable.jsp"		
		title="Presidents">
		<ec:row>
				<ec:column property="name" title="test" />
				<ec:column property="nickname"/>
				<ec:column property="term" cell="date" format="date"/>
		</ec:row>
	</ec:table>
	
	<br>

	<p style="font-family:Verdana;font-size:12px">
	
		Below is the code that generates the above display.	

	</p>

	

	<br>
	
	<p style="font-family:Verdana;font-size:11px;width:500px">
		Note: if you are not seeing any images then be sure to include the images included with the distribution. 
		This example assumes that the images are in an /images/table/ directory. You can see this by looking at the
		imagePath attribute on the eXtremeTable example. If your images are somewhere else then just adjust the 
		imagePath.
	</p>

	</body>
</html>